<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>优永动助手 - 个人中心</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/css/zixun.css">

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <style>
        .container-fluid {
            padding-left: unset;

        }

        .person-top {
            height: 500px;
            background-image: url(../images/mybg.jpg);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .set-icon {
            font-size: 76px;
            margin-left: 30px;
            padding-top: 30px;
            color: white;
        }


        .person-touxiang {
            width: 200px;
            height: 200px;
            border-radius: 100px;
            margin-left: 40px;
        }

        .person-info-item {
            line-height: 70px;
            font-size: 42px;
            color: white;
            margin-left: 20px;
        }

        .person-jihuo-icon {
            font-size: 70px;
        }

        .fullrow {
            width: 100%;
        }

        .person-jihuo-btn {
            margin-top: 30px;
            height: 182px;
            width: 182px;
            flex: unset;
            max-width: unset;
            text-align: center;
            background-color: unset;
            border-radius: 90px;
            border: 1px solid white;
            color: white;
            font-size: 31px;
        }

        .person-item {
            line-height: 150px;
            font-weight: 600;
            border-top: 1px solid #bebebe;
            font-size: 34px;
        }

        .person-item-icon-back {
            font-size: 40px;
        }

        .person-bubai {
            height: 18px;
            background-color: rgba(220, 220, 220, 0.42);
        }

        .person-noline {
            border-top: none;
        }

        .li-down{
            margin-top: -5px;
        }


    </style>
</head>
<body>

<div class="container-fluid">
    <div class="person-top row">

        <div class="col-sm-1 offset-sm-10" onclick="opensetting()">
            <i class="layui-icon layui-icon-set set-icon"></i>
        </div>


        <div class="row fullrow">
            <div class="col-sm-3" onclick="editpersoninfo()">
                <img src="/images/1.png"
                     th:src="${userDO.touxiang}==null?'/images/moren-touxiang.jpg':${userDO.touxiang}"
                     class="person-touxiang" alt="">
            </div>

            <div class="col-sm-6">
                <div class="row person-info-item" th:text="${userDO.nickname}">nickname</div>
                <div class="row person-info-item" th:text="${userDO.getdianshuvo()}">30%</div>
                <div class="row person-info-item" th:text="${userDO.username}">username</div>
                <div class="row person-info-item youxiaoday" th:text="${userDO.gethourtoday()}">0h</div>
            </div>

            <div class="col-sm-2 person-jihuo-btn" onclick="qujihuo()">

                <i class="layui-icon layui-icon-release person-jihuo-icon"></i>

                <div class="person-jihuo-txt">用户激活</div>
            </div>
        </div>
    </div>

    <div class="row person-item person-noline" onclick="tozichanPage()">
        <div class="layui-col-xs2">
            <img src="/images/zichanicon.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs6 person-item-txt">资产</div>
        <div class="layui-col-xs2 layui-col-xs-offset1">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>
    <div class="row person-item" onclick="openezhangdan()">
        <div class="layui-col-xs2">
            <img src="/images/jiaoyijiluicon.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs6 person-item-txt">交易记录</div>
        <div class="layui-col-xs2 layui-col-xs-offset1">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>
    <div class="row person-bubai"></div>
    <div class="row person-item person-noline" onclick="myjihuoma()">
        <div class="layui-col-xs2">
            <img src="/images/jihuomaicon.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs6 person-item-txt">我的激活码</div>
        <div class="layui-col-xs2 layui-col-xs-offset1">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>
    <div class="row person-item" onclick="openshequ()">
        <div class="layui-col-xs2">
            <img src="/images/shequ.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs6 person-item-txt">社区</div>
        <div class="layui-col-xs2 layui-col-xs-offset1">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>
    <div class="row person-item" onclick="fenxiang()">
        <div class="layui-col-xs2">
            <img src="/images/fenxiang.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs6 person-item-txt">分享</div>
        <div class="layui-col-xs2 layui-col-xs-offset1">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>
    <div class="row person-item" onclick="aboutus()">
        <div class="layui-col-xs2">
            <img src="/images/about.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs6 person-item-txt">关于我们</div>
        <div class="layui-col-xs2 layui-col-xs-offset1">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>
</div>


<!--footer-->
<div th:replace="index::footer"></div>


<script>
    function opensetting() {
        window.location = "/setting";
    }

    function aboutus() {
        window.location = "/blogContent?cid=127";
    }

    function editpersoninfo() {
        window.location = "/personinfo";
    }

    function fenxiang() {
        window.location = "/fenxiang";
    }

    function tozichanPage() {
        window.location = "/zichan";
    }

    function myjihuoma() {
        window.location = "/jihuoma";
    }

    function qujihuo() {
        window.location = "/jiahuoma/qujihuo";
    }

    function openezhangdan() {
        window.location = "/ezhangdan";
    }

    function openshequ() {
        window.location = "/shequ";
    }
</script>
</body>
</html>